<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap 3, from LayoutIt!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
<!--script src="js/less-1.3.3.min.js"></script-->
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->

<link href="<c:url value="/resources/css/bootstrap.min.css"/>" rel="stylesheet">
<link href="<c:url value="/resources/css/style.css"/>" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="<c:url value="/resources/img/apple-touch-icon-144-precomposed.png"/>">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="<c:url value="/resources/img/apple-touch-icon-114-precomposed.png"/>">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="<c:url value="/resources/img/apple-touch-icon-72-precomposed.png"/>">
<link rel="apple-touch-icon-precomposed"
	href="<c:url value="/resources/img/apple-touch-icon-57-precomposed.png"/>">
<link rel="shortcut icon" href="<c:url value="/resources/img/favicon.png"/>">

<script type="text/javascript" src="<c:url value="/resources/js/jquery.min.js"/>"></script>

<script type="text/javascript" src="<c:url value="/resources/js/bootstrap.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/resources/js/scripts.js"/>"></script>
</head>

<body>

	<div id="eric_header" class="wpthemeBannerInner">
		<table style="width: 100%">

			<tr>
				<td style="width: 30%"><a href='#'><img src="<c:url value="/resources/img/logo.png"/>"
						class="media-object" alt=""></img></a></td>
				<td style="width: 40%">
					<div align="center">

						<p>
							Welcome <label for="ABCDE">ABCDE</label>
					</div>
				</td>
				<td style="width: 30%">
					<div align="right">
						<a href="#">Logout</a>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan="3"><img src="<c:url value="/resources/img/color_line.jpg"/>" width="100%"></img></td>
			</tr>
		</table>
	</div>
	<br>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-2 column"></div>
			<div class="col-md-6 column">
				<div id="lotusLoginContent" class="roundborder">

					<form class="lotusForm2 lotusLoginForm" name="LoginForm" action=<c:url value='/login/passwordchangedsuccess'/>
						method="POST">

						<h1 class="lotusHeading">Sign in to Resource Portal</h1>
						<br>
						<p class="ichLabeledField">
							<label for="userID">Signum <font color="red">*</font></label><br> <input
								type="text" value="" aria-required="true" name="userid"
								class="lotusText" id="userID">
						</p>
						<p class="ichLabeledField">
							<label for="password">Password <font color="red">*</font></label><br> <input
								type="password" autocomplete="off" aria-required="true"
								name="password" class="lotusText" id="password">
						</p>
						<p class="ichLabeledField">
							<label for="Confirmpassword">Confirm Password <font color="red">*</font></label><br> <input
								type="password" autocomplete="off" aria-required="true"
								name="conpassword" class="lotusText" id="ncopassword">
						</p>
						
						<br>
						<table>
							<tr>
								<td colspan="2">

									<p class="ichLabeledField">
										<label for="qstn">Select One security Question:</label><br>
									</p>

								</td>
							</tr>
							<tr>
								<td>
									<div align="center">
										<select id="qstndropdown" style="width: 340px;">
											<option value="0">What is your mother's maiden name?</option>
											<option value="1">What is the name of your first
												school?</option>
											<option value="2">What is your favourite subject in
												school?</option>

										</select>
									</div>
								</td>
								<td>
									<div align="center">
										<input type="text" value="" aria-required="true"
											name="securityans" id="securityans">
									</div>
								</td>
							</tr>
						</table>
						<br>
						<div class="ssoButton">
							<input type="submit" name="login" value="Change Password"
								id="ChangePass" class="eSsoLoginField">
						</div>
						<br>
						<hr>

						<p class="ssoFeedback">Your browser version allows only manual
							sign in</p>
					</form>

				</div>
			</div>
			<div class="col-md-4 column"></div>

		</div>


	</div>
	<br>
	<div id="ICH-FOOTER"></div>
</body>
</html>
